<template>
  <div class="home-wrapper">
    <main>
      <router-view></router-view>
    </main>
    <van-tabbar v-model="active"
    active-color="#C1AB96"
    inactive-color="#333333"
    :route=true
    >
      <van-tabbar-item to="/home/index" icon="wap-home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/home/classification" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/home/message" icon="chat-o">消息</van-tabbar-item>
      <van-tabbar-item to="/home/shopping" icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/home/myname">
    <span>我的</span>
    <template #icon="props">
     <svg t="1628647881758" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3189" width="22" height="21.6"><path d="M518.4 59.2c-147.2 0-267.2 120-267.2 267.2s120 267.2 267.2 267.2 267.2-120 267.2-267.2S665.6 59.2 518.4 59.2z m0 486.4c-120 0-219.2-97.6-219.2-219.2 0-120 97.6-219.2 219.2-219.2 120 0 219.2 97.6 219.2 219.2S640 545.6 518.4 545.6zM750.4 564.8c-11.2-6.4-25.6-3.2-33.6 8-6.4 11.2-3.2 25.6 8 33.6 115.2 73.6 184 198.4 184 336 0 12.8 11.2 24 24 24s24-11.2 24-24c1.6-155.2-76.8-296-206.4-377.6zM273.6 564.8C144 646.4 67.2 787.2 67.2 940.8c0 12.8 11.2 24 24 24s24-11.2 24-24c0-136 68.8-262.4 184-336 11.2-6.4 14.4-22.4 8-33.6-8-9.6-22.4-12.8-33.6-6.4z" :fill="props.active ? '#C1AB96' : '#333333'" p-id="3190"></path></svg>
    </template>
  </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import Vue from "vue";
import { Tabbar, TabbarItem } from "vant";
import BetterScroll from 'better-scroll'
Vue.use(Tabbar);
Vue.use(TabbarItem);
// 首页内容
// import Index from './index/Index'
export default {
  // components:{
      
  //   },
  data() {
    return {
      active: 0,
    };
  },
  // async mounted() {
  //   await this.$nextTick()
  //   // setTimeout(() => {
  //   new BetterScroll("main", { click: true });
  //   // },50);
    
  // },
};
</script>

<style lang="stylus" scoped>
.home-wrapper 
  height: 100%;
  main
    height 92.5%
    overflow hidden

</style>